<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>用户注册</title>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/user.css">

		<script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="js/util.js"></script>
		<script type="text/javascript" src="js/user.js"></script>
	</head>
	<body>
		<div id="hp">
			<div class="top">
				<div class="wrap relative">
					<div class="left_top">
						<span class="v_m">欢迎来到HTML5中文网！请</span>
						<a class="btn_twoword" id="btn_login" href="#">登录</a> [
						<a href="register.html" class="color_blue v_m song">免费注册</a>
						]
					</div>
					<ul class="top_nav">
						<li>
							&nbsp;
							<a href="#" class="font_black">学习教程</a>&nbsp; |
						</li>
						<li>
							&nbsp;
							<a href="#" class="font_black">应用推荐</a>&nbsp; |
						</li>
						<li>
							&nbsp;
							<a href="#" class="font_black">资源下载</a>&nbsp; |
						</li>
						<li>
							&nbsp;
							<a href="#" class="font_black">登录论坛</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="hdc cl">
				<a href="#" title="HTML5中国"> <img src="images/logo.png" /> </a>
				<div class="top_login">
					
				</div>
			</div>
			<div id="nav_div">
				<ul>
					<li>
						<a class="a_nav" href="index.html">首页</a>
					</li>
					<li>
						<a class="a_nav" href="#">学习教程</a>
						<ul>
							<li>
								<a href="#">HTML5教程</a>
							</li>
							<li>
								<a href="#">CSS3教程</a>
							</li>
							<li>
								<a href="#">实例代码</a>
							</li>
							<li>
								<a href="#">学习视频</a>
							</li>
							<li>
								<a href="#">HTML5在线手册</a>
							</li>
							<li>
								<a href="#">CSS3在线手册</a>
							</li>
							<li>
								<a href="#">JavaScript手册</a>
							</li>
						</ul>
					</li>
					<li>
						<a class="a_nav" href="#">应用推荐</a>
						<ul>
							<li>
								<a href="#">HTML5应用</a>
							</li>
							<li>
								<a href="#">HTML5游戏</a>
							</li>
						</ul>
					</li>
					<li>
						<a class="a_nav" href="#">资源下载</a>
						<ul>
							<li>
								<a href="#">菜单导航</a>
							</li>
							<li>
								<a href="#">CSS3按钮</a>
							</li>
							<li>
								<a href="#">Js特效</a>
							</li>
						</ul>
					</li>
					<li>
						<a class="a_nav" href="#">专题汇总</a>
						<ul>
							<li>
								<a href="#">HTML5资讯</a>
							</li>
							<li>
								<a href="#">移动互联网</a>
							</li>
							<li>
								<a href="#">HTML5论坛</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="infomation">
				<div class="infomation_title">
					<span class="span1">立即登录</span>
					<span class="span2"><a href="register.html">没有账号？现在注册</a> </span>
				</div>
				<form enctype="multipart/form-data" id="registerform" method="post">
					<div class="mtw">
						<div id="reginfo_a">
							<div class="rfm">
								<table>
									<tr>
										<th>
											<label>
												用户名:
											</label>
										</th>
										<td>
											<input type="text" id="login_userName" name="userName"
												pattern="[a-zA-Z0-9]{3,15}" placeholder="请输入用户名"
												maxlength="15" autofocus="off" size="25" tabindex="1"
												class="px" required="required">
										</td>
										<td>
											<img id="err_img_userName"
												style="margin-left: 10px; margin-top: 5px; display: none;"
												alt="用户名可用" src="images/win.gif">
											<kbd id="err_userName" class="p_chk" style="display: none;">
												用户名小于 3 个字符
											</kbd>
											<i id="tip_userName" class="p_tip">用户名由 3 到 15 个字符或数字组成</i>
										</td>
									</tr>
								</table>
							</div>
							<div class="rfm">
								<table>
									<tr>
										<th>
											<label>
												密码:
											</label>
										</th>
										<td>
											<input type="password" id="login_passWord" name="userPwd"
												pattern=".{6,15}" ; class="px" tabindex="1" size="25"
												placeholder="请输入账户密码" maxlength="15" required="required">
										</td>
										<td class="tipcol">
											<img id="err_img_passWord"
												style="margin-left: 10px; margin-top: 5px; display: none;"
												alt="密码可用" src="images/win.gif">
											<i id="tip_passWord" class="p_tip">密码由6-15个字符或数字组合</i>
											<kbd id="err_passWord" class="p_chk" style="display: none;">
												请填写密码
											</kbd>
										</td>
									</tr>
								</table>
							</div>
							<div class="rfm">
								<table>
									<tr>
										<th>
											<span class="font_color_red">*</span>验证码:
										</th>
										<td>
											<input type="text" name="user.checkCode" tabindex="1"
												class="px" maxlength="6" size="6" required="required">
											<a onclick="document.getElementById('yzm').src='Kaptcha.jpg'"
												href="javascript:void(0);">换一个</a>
											<img align="middle" id="yzm" alt="验证码" src="Kaptcha.jpg"
												onclick="this.src='Kaptcha.jpg'" width="69" height="23"
												style="margin-bottom: 10px;">
										</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<div id="layer_reginfo_b">
						<div class="rfm mbw">
							<table width="100%">
								<tr>
									<td>
										<input type="submit" class="button large blue" value="提交">
									</td>
									<td></td>
									<td></td>
								</tr>
							</table>
						</div>
						<div class="rfm bw0  mbw">
							<table>
								<tr>
									<th>
										快捷登录:
									</th>
									<td>
										<a rel="nofollow" target="_top" href="javascript:void(0);"><img
												class="vm" src="images/qq_login.gif"> </a>
									</td>
								</tr>
							</table>
						</div>
					</div>
				</form>
			</div>
			<div id="footer">
				asdf
			</div>
		</div>
	</body>
</html>